import { EditorProvider } from "@tiptap/react";
import { Document } from "../extensions/Document";
import { Text } from "../extensions/Text";
import { Paragraph } from "../extensions/Paragraph";

export function Editor() { 
  const content = {
    type: "doc",
    content: [
      {
        type: "paragraph",
        content: [
          {
            type: "text",
            text: "Hello World"
          }
        ]
      }
    ]
  }
  return <EditorProvider content={content} extensions={[Document, Text, Paragraph]}/>
}